<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="../common/commonInclude.jsp"%>
<!DOCTYPE html>
<html lang="en">
<head>
<title><%=SYSTEM_NAME%></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="description" content="overview & stats" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- basic styles -->
<link href="<%=basePath%>resource/assets/css/bootstrap.min.css"
	rel="stylesheet" />
<link
	href="<%=basePath%>resource/assets/css/bootstrap-responsive.min.css"
	rel="stylesheet" />
<link rel="stylesheet"
	href="<%=basePath%>resource/assets/css/font-awesome.min.css" />
<!--[if IE 7]>
		  <link rel="stylesheet" href="<%=basePath%>resource/assets/css/font-awesome-ie7.min.css" />
		<![endif]-->
<!-- ace styles -->
<link rel="stylesheet"
	href="<%=basePath%>resource/assets/css/ace.min.css" />
<link rel="stylesheet"
	href="<%=basePath%>resource/assets/css/ace-responsive.min.css" />
<link rel="stylesheet"
	href="<%=basePath%>resource/assets/css/ace-skins.min.css" />
<!--[if lt IE 9]>
		  <link rel="stylesheet" href="<%=basePath%>resource/assets/css/ace-ie.min.css" />
		<![endif]-->

</head>
<body>
	<div class="container-fluid" id="main-container">
		<div class="table-header">
			<div class="toolbar">
				<div class="operations" style="display: inline">
					<button id="saveNewPassword" style="text-align: center"
						class="btn btn-info btn-mini">确定</button>
				</div>
				&nbsp;&nbsp;&nbsp;&nbsp;套餐选择
			</div>
		</div>

		<div id="page-content" class="clearfix">
			<form id="vform" style="margin-top: 20%">
				<div class="row-fluid form-horizontal">
					<div class="span6 control-group">
						<div class="center">
							<h1>
								<i class="icon-leaf green"></i> <span class="red">WIFI</span> <span
									class="blue">精灵</span>
							</h1>
							<h4 class="blue">© huassit</h4>
						</div>
					</div>
				</div>
				<div class="row-fluid form-horizontal">
					<div class="span6 control-group">
						<label style="text-align: center; margin-top: 20%"
							for="form-field-select-3">套餐选择</label>

						<div class="center">
							<select
								style="margin-left: 0; margin-top: 20%; text-align: center"
								id="form-field-select-3">
								<option value="">选择</option>
							</select>
						</div>
					</div>
				</div>
			</form>
		</div>
	</div>
	<!--/.fluid-container#main-container-->

	<!-- basic scripts -->
	<script src="<%=basePath%>resource/jquery/jquery-1.9.1.min.js"></script>
	<script type="text/javascript">
		window.jQuery || document.write("<script src='<%=basePath%>resource/jquery/jquery-1.9.1.min.js'>\x3C/script>");
		</script>
	<script src="<%=basePath%>resource/jquery/jquery-migrate-1.2.1.min.js"></script>
	<script src="<%=basePath%>resource/assets/js/bootstrap.min.js"></script>
	<!-- page specific plugin scripts -->

	<!--[if lt IE 9]>
		<script type="text/javascript" src="<%=basePath%>resource/assets/js/excanvas.min.js"></script>
		<![endif]-->
	<script type="text/javascript"
		src="<%=basePath%>resource/assets/js/jquery-ui-1.10.2.custom.min.js"></script>
	<!-- page specific plugin scripts -->
	<!-- ace scripts -->
	<script src="<%=basePath%>resource/assets/js/ace-elements.min.js"></script>
	<script src="<%=basePath%>resource/assets/js/ace.min.js"></script>
	<script src="<%=basePath%>resource/util/demonutil.js"></script>

	<!-- inline scripts related to this page -->

	<script type="text/javascript">
			$(function() {
				var sets = '${it.sets}';
				if (sets!=""){
					sets = JSON.parse(sets);
					for (var i in sets){
						$("<option>").val(sets[i].id).text(sets[i].title).appendTo("#form-field-select-3");
					}
				}
				
				$(".widget-main",window.parent.document).height($(document.body).height()-40);
				$(".control-group").css("width","100%");
			})
		</script>
</body>
</html>
